<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宿舍管理员管理</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/dormAdminManager.css">
</head>

<body>
    <!-- H1占位，防止js报错 -->
    <h1 id="welcome_h1" class="col-md-offset-2 col-sm-offset-2 col-xs-offset-2" style="display:none ;"></h1>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">宿舍管理系统</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ol class="breadcrumb">
                    <li><a href="#">宿舍管理员管理</a></li>
                    <li class="active">
                        <span id="login_account"></span>
                        <span id="login_type" class="span1">(系统管理员)</span>
                    </li>
                </ol>

                <div class="btn-group menuRight pull-right">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        <img src="" alt="..." class="img-circle img">
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="javascript:void(0);" id="btn_logout">注销</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="row">
            <div class="col-md-2 col-sm-2 col-xs-2 div1">
                <div id="menus_div" class="list-group">
                </div>
            </div>

            <div class="col-md-10 col-sm-10 col-xs-10 div2">
                <div>
                    <h4>宿舍管理员管理</h4>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <form class="form-inline inline-block">
                            <div class="form-group">
                                <input type="text" name="username" class="form-control input-sm" placeholder="姓名">
                            </div>
                            <div class="form-group">
                                <input type="text" name="phone" class="form-control input-sm" placeholder="手机号">
                            </div>
                            <div class="form-group">
                                <select class="form-control input-sm" name="gender">
                                    <option value="-1">请选择性别</option>
                                    <option value="0">女</option>
                                    <option value="1">男</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control input-sm" id="dormId" name="dormId">
                                    <!-- <option value="-1">请选择宿舍楼</option> -->
                                    <!--                                <option value="1">男</option>-->
                                </select>
                            </div>
                            <button type="button" id="btn_search" class="btn btn-default btn-sm">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            </button>
                        </form>
                        <div class="inline-block" style="float: right;">
                            <button type="button" id="btn_add" class="btn btn-success">添加</button>
                            <button type="button" id="btn_del_batch" class="btn btn-danger">批量删除</button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <table class="table-hover table table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center"><input type="checkbox" name="cb_select_all"></th>
                                    <th class="text-center">序号</th>
                                    <th class="text-center">姓名</th>
                                    <th class="text-center">性别</th>
                                    <th class="text-center">电话</th>
                                    <th class="text-center">宿舍楼</th>
                                    <th class="text-center">用户名</th>
                                    <th class="text-center">操作</th>
                                </tr>
                            </thead>
                            <tbody id="tbody-list">
                                <!-- <tr class="">
                                    <td class="text-center"><input class="checkbox-inline" type="checkbox"
                                            name="cb_select"></td>
                                    <td class="text-center"><span>1</span></td>
                                    <td class="text-center"><span>郝娟</span></td>
                                    <td class="text-center">女</td>
                                    <td class="text-center"><span>14300254718</span></td>
                                    <td class="text-center">第四宿舍楼</td>
                                    <td class="text-center"><span>SaS43QjUadRsz3E</span></td>
                                    <td class="text-center">
                                        <div class="btn-group" role="group">
                                            <button type="button" name="btn_edit" class="btn btn-primary">修改</button>
                                            <button type="button" name="btn_del" class="btn btn-danger">删除</button>
                                        </div>
                                    </td>
                                </tr> -->
                            </tbody>
                        </table>

                        <nav class="row">
                            <div id="page_total" class="col-md-2 col-sm-2" style="line-height: 79.6px;">

                            </div>
                            <div class="col-md-8 col-sm-8 text-center">
                                <ul class="pagination">
                                    <!--  -->
                                </ul>
                            </div>
                            <div class="col-md-2 col-sm-2" style="margin: 20px 0">
                                <select class="form-control input-sm" id="page_select">
                                    <option>5</option>
                                    <option selected>10</option>
                                    <option>20</option>
                                    <option>50</option>
                                </select>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 类型判断并加载 -->
    <script src="js/typeCheck.js"></script>
    <!-- 导航跳转 -->
    <script src="js/navigationJump.js"></script>

    <!-- 注销账户 -->
    <script src="js/cancel.js"></script>
    <!-- 加载数据 -->
    <script src="js/dataRendering.js"></script>
</body>

</html>